<template>
	<div class="header">
		<img src="../../../assets/images/logo.png" />
		<HeaderSearch></HeaderSearch>
		<HeaderShelf></HeaderShelf>
	</div>
</template>

<script>
	import HeaderSearch from './HeaderSearch.vue'
	import HeaderShelf from './HeaderShelf.vue'
	export default {
		name: 'Header',
		components: {
			HeaderSearch,
			HeaderShelf
		},
	}
</script>

<style scoped>
	.header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height:	130px;
		/* 内边距 */
	}

	.header img {
	    height: 80px;
	    width: 240px;
		/* margin: auto; */
	}
</style>